<script setup lang="ts">
const props = withDefaults(defineProps<{
  retryable?: boolean;
}>(), {
  retryable: true,
});
const emits = defineEmits<{
  retry: [];
}>();
</script>

<template>
  <div
    class="h-full min-h-10 flex items-center justify-center"
    :class="{ 'cursor-pointer': props.retryable }"
    @click="props.retryable && emits('retry')"
  >
    <i v-if="props.retryable" class="i-ic:round-refresh text-8 text-orange" />
    <i v-else class="i-ri:error-warning-line text-7 text-red" />
  </div>
</template>
